<html>
<head>
    <script type="text/javascript">
        WebFontConfig = {
            google: { families: [ 'Tangerine', 'Cantarell' ] }
        };
        (function() {
            var wf = document.createElement('script');
            wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
                    '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
            wf.type = 'text/javascript';
            wf.async = 'true';
            var s = document.getElementsByTagName('script')[0];
            s.parentNode.insertBefore(wf, s);
        })();
    </script>
    <style type="text/css">
        .wf-loading p {
            font-family: serif
        }
        .wf-inactive p {
            font-family: serif
        }
        .wf-active p {
            font-family: 'Tangerine', serif
        }
        .wf-loading h1 {
            font-family: serif;
            font-weight: 400;
            font-size: 16px
        }
        .wf-inactive h1 {
            font-family: serif;
            font-weight: 400;
            font-size: 16px
        }
        .wf-active h1 {
            font-family: 'Cantarell', serif;
            font-weight: 400;
            font-size: 16px
        }
    </style>
</head>
<body>
<h1>This is using Cantarell</h1>
<p>This is using Tangerine!</p>
</body>
</html>